<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>王者荣耀手游电脑版，大屏更畅爽</title>
    <style type="text/css">

        *{
            margin: 0;
            padding:0;
        font-family:'微软雅黑';
        }
        div{
            display: block;

        }
                                 /* header部分 */
        .header{
            width:100%;
            height:84px;
            background:#000;
        }
        .header .top {
            width:100%;
            height:84px;
            overflow:hidden;
            margin:0 auto;
            position:relative;
        }

        .header .top .lt{
            width:200px;
            height:84px;
            position: absolute;
           top: 0;
           right: 0;
           margin-right:150px;
        }
        .header .top .a1{
          margin-left:35px;
        }
        div .header .top .wz .lggzz{
  width:400px;
  height:84px;

}
div .header .top .wz .lggzz .a1 {
    width:200px;
    height:84px;
    float: left;
    margin-top:20px;
}
div .header .top .wz .lggzz .logoo{
  float: right;
  /* margin-right:20px; */
}
        .header .top .lt .sy{
          width:100px;
          height:84px;

           text-decoration: none;
            float: left;
            margin-top:30px;
            color:white;

        }
        .header .top .lt .wjlt{
      width:100px;
       height:84px;
      float:left;
      margin-top:30px;
      color:#c9c9c9;
           text-decoration: none;
        }
                                    /* 中间 */
        .z{
          width:100%;
          height: 1080px;
        }
        .zz{
          height:100%;
           background:url('images/3.jpg') no-repeat;
        
        }
        .z p .sfsq{
          left:50%;
              position: absolute;
        transform: translateX(-50%);
        top:400px;
        }
        .z p a {
           width: 285px;
           z-index: 999;
         background:url('images/6.png') no-repeat ;
           background-position: 0 0;
     position: absolute;
           left: 50%;
           transform: translateX(-50%);
         top: 573px;
           text-align: center;
           line-height: 115px;
          text-decoration: none;
           font-size: 20px;
           font-weight: 600;
       color: white ;
        }
        .z p a:hover{
          color:#cfcfc1;
        }
            /* 末尾 */
    .w{
      width:100%;
      height: 100px;
     background:#121010;
color:#8c8b8b;
font-size:14px;
padding-top:40px;
text-align:center;
    }

  .aaba{text-decoration:none;}

  </style>
</head>
<body>
                            <!-- 头 -->
    <div>
    <div class="header">
      <div class="top">
            <div class="wz">
            <div class="lggzz">
               <a href="https://syzs.qq.com" target="_blank" title="" class="a1">
               <img src="images/1.png" class="onepng" alt="">
               </a>
               <a href="https://pvp.qq.com/" target="_blank" class="logoo" title="">
                   <img src="images/2.png" alt="" class="towpng">
               </a>
               </div>
               <div class="lt">
               <a class="sy" href="#">首页</a>
               <a class="wjlt" href="https://bbs.guanjia.qq.com/forum-282-1.html" target="_blank">玩家论坛</a>

               </div>
            </div>
        </div>
        </div>
    </div>
                    <div class="z">

                                  <!-- 中 -->
        <div class="zz">
        <div class="bjt"></div>
        <p>
        <img src="images/5.png" alt="" class="sfsq" />
           <a href="#" target="" class="act-download ui-sortable" data-stats="sysem.ak.download" >
           立即下载
          </a>
        </p>
        </div>
        </div>
                            <!-- 尾部 -->
<div class="w">



        <p class="gy" >
<a href="#" class="aaba" style="color:#8c8b8b;" >腾讯公司 </a>|
<a href="#" class="aaba" style="color:#8c8b8b;" >版权所有 </a>|
<a href="#" class="aaba" style="color:#8c8b8b;" >市场合作 </a>|
<a href="#" class="aaba" style="color:#8c8b8b;" >关于管家 </a>|
<a href="#" class="aaba" style="color:#8c8b8b;" >友情链接 </a>
</p>
<p class="dz">Copyright © 1998 - 2018 Tencent. All Rights Reserved.</p>

        </div>

</body>
</html>